body{
    position: relative;
    top: 0;
    left: 0;
    background-color: bisque;

}
.search_form{
    width:640px;
    margin:20px auto;
}
.logo img{
    display:block;
    margin:0 auto;
}
.form_group{
    width:640px;
    height:40px;
    margin-top:30px;
}
.input_txt{
   width:538px;
   height:38px;
   padding:0px;
   float:left;
   border:1px solid #000000;
   outline:none;
   text-indent:10px;
}

.input_sub{
    width:100px;
    height:40px;
    border:0px;
    float: left;
    background-color: #007bff;
    color:#fff;
    font-size:18px;
    outline:none;
    cursor: pointer;
    position: relative;
}

.hotkey a{
    margin-top: 5px;
    font-size:16px;
    color:#000000;
    padding-right:20px;
}
.weather_list{
    text-align:center;
}
.weather_list li{
    display:inline-block;
    width:180px;
    height:150px;
    padding:10px 10px;
    position: relative;
    background:url('../img/line.png') right center no-repeat;
    background-size: 2px 160px;
}

.info_type span{
    color:#ffaa00;
    font-size:30px;
    line-height:80px;
}
.info_temp{
    font-size:14px;  
    color:#ce0000;
}

.info_date{
    width:100%;
    color:#000000;
    font-size:18px;  
}
  
.info_fengxiang{
  	color: #4444cc;
  	font-size: 18px;
  }

.info_fengli{
	  color: #ffaa00;
	  font-size: 14px;
  }
.zhuyi{
    margin-top: 30px;
  	 color:#ff4c00;
  	font-size:25px;
  }